<template>
    <div class="rowItem" v-if="intheater">
        <div class="Item" v-for="(data,index) in intheater.data" :key='index'>
            
            <img :src="data.image" alt="">
            <p class="itemPrice">￥ {{data.priceStr}}</p>
            <div class="spanIcon" >
                <span v-for="(tag,key) in data.labels" :key='key' :style="{background: tag.color, color: tag.textColor, borderColor: tag.roundColor, borderRadius: 2+'px'}">{{tag.content}}</span>
            </div>
            <p class="itemSubtitle">{{data.subtitle}}</p>
            <p class="itemTitle">{{data.mainTitle}}</p>
            <p class="itemComment">{{data.thirdContent}}</p>
        </div>
    </div>
</template>

<script>
export default {
    props: ['intheater'],

}
</script>

<style lang="stylus" scoped>
.rowItem
    width 100%
    height 6rem
    overflow auto
    .Item
        width 50%
        height 6rem
        float left
        img 
            width 100%
            height 3.75rem
            display block
        .itemPrice
            display block
            width 3.5rem
            height .32rem
            margin 0 0 .12rem .24rem
            color #f7a701
            font-weight bold
            font-size .32rem
        .spanIcon
            width 3.5rem
            height .4rem
            margin 0 0 0 .24rem
            line-height .4rem
            span 
                margin-right .2rem
                border 0.01rem
                border-style solid
        .itemSubtitle
            display block
            width 3.5rem
            height .3rem
            overflow hidden
            text-overflow ellipsis
            white-space nowrap
            font-size .24rem
            color #bf9e6b
            margin 0 0 .08rem .24rem
        .itemTitle
            display block
            width 3.5rem
            height .28rem
            font-size .28rem
            color #4a4a4a
            margin 0 0 .08rem .24rem
        .itemComment
            display block
            width 3.5rem
            height .26rem
            font-size .2rem
            color #bbb
            margin 0 0 .08rem .24rem


</style>